/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-3-5, 13:44:24
    Author     : Administrator
*/
.index_about_frame{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    background:#FFF;
    padding:0 0 84px;
}
.index_news_frame{
    padding-top:103px;
    padding-bottom:103px;
    display:block;
    position:relative;
    width:100%;
    height:auto;
    background:#F6F6F6;
}
.i_n_a_s{
    width:90%;
	max-width:1170px;
    height:auto;
    margin:auto;
    display:block;
    position:relative;
}
.index_news{
    width:48.7%;
    height:auto;
	float:left;
}
.i_news_title{
    height:49px;
    display:block;
    position:relative;
    margin-bottom:42px;
	margin-right:2.5%;
}
.i_news_title img{
    width:100%;
    height:49px;
}
.i_news_title a{
    width:10%;
    height:100%;
    display:block;
    position:absolute;
    right:4px;
    top:0;
}
.i_news_list .i_n_l_first{
    padding:22px 0 22px 36.8%;
    display:block;
    position:relative;
    background:#FFF;
    margin-bottom:19px;
    min-height:124px;
}
.i_news_list .i_n_l_first img{
    width:31.2%;
    display:block;
    position:absolute;
    left:19px;
    top:22px;
}
.i_news_list .i_n_l_first .i_n_l_f_title{
    display:block;
    color:#000;
    line-height:25px;
    font-size:15px;
    font-family:"微软雅黑";
    margin-bottom:6px;
}
.i_news_list .i_n_l_first p{
    line-height:18px;
    color:#999999;
    font-size:12px;
    font-family:"微软雅黑";
    margin-bottom:14px;
}
.i_news_list .i_n_l_first .i_n_l_f_more{
    display:block;
    width:86px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-family:Arial;
    background:#D01A04;
    color:#FFF;
    border-radius:10px;
}
.i_news_list li{
    height:30px;
    width:100%;
    display:block;
    position:relative;
    line-height:20px;
}
.i_news_list li a,.i_news_list li span{
    font-size:14px;
    font-family:"微软雅黑";
	display:block;
	float:left;
	width:69%;
	/*单行溢出文本显示省略号 IE下的样式 */ 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*单行溢出文本显示省略号 FF 下的样式 */ 
	content: "...";
	
	
}
.i_news_list li a{
    color:#000;
}
.i_news_list li span{
    display:block;
    height:100%;
	float:right;
	width:88px;
    color:#9A9A9A;
}
.index_server{
    width:41.9%;
    height:auto;
    padding-right:1.1%;
	float:right;
}
.i_server_title{
    width:100%;
    height:49px;
    display:block;
    position:relative;
    margin-bottom:42px;
}
.i_server_title img{
    width:100%;
    height:49px;
}
.i_server_title a{
    width:12%;
    height:100%;
    display:block;
    position:absolute;
    right:4px;
    top:0;
}
.i_server_list{
    width:100%;
    height:auto;
    display:block;
}
.i_server_list li{
    width:44.8%;
    height:auto;
    display:block;
    position:relative;
    margin-left:3.6%;
}
.i_server_list li img{
    width:100%;
    max-height:178px;
}
.i_server_list li span{
    display:block;
    width:100%;
    height:26px;
    line-height:26px;
    background:#D01A04;
    color:#FFF;
    font-size:14px;
    margin-top:23px;
    text-align:center;
}
.i_server_list li.two span{
    background:#0068D7;
}
.i_server_list li a{
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.i_a_content_frame{
    width:90%;
	max-width:1170px;
    height:auto;
    display:block;
    position:relative;
    margin:auto;
}
.i_a_content{
    padding-right:43%;
    padding-left:2%;
    padding-top:26px;
    width:55%;
    background:url(../images/index04.jpg) no-repeat center right 14px;
    min-height: 167px;
}
.i_a_content h2{
    font-size:29px;
    font-family:Arial;
    font-weight:normal;
    height:45px;
    line-height:45px;
    color:#000;
}
.i_a_content h2 span{
    font-size:28px;
    font-family:"微软雅黑";
    color:#0069D7;
}
.i_a_content p{
    line-height:25px;
    font-size:14px;
    font-family:"微软雅黑";
    color:#4D4D4D;
    margin-bottom:12px;
}
.i_a_content a{
    display:block;
    width:86px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-family:Arial;
    background:#D01A04;
    color:#FFF;
    border-radius:10px;
}
.i_a_title_frame{
    height:223px;
    width:100%;
    background:url(../images/index_about_title_bg.png) no-repeat center bottom;
    padding-top:85px;
}
.i_a_t_f_title{
    width:100%;
    margin:auto;
    height:34px;
    line-height:34px;
    padding:24px 0 20px 0;
}
.i_a_t_f_title .cn{
    font-size:36px;
    font-family:"微软雅黑";
    color:#000;
    padding-right:10px;
	float:right;
}
.i_a_t_f_title .en{
    border:thin solid #4D4D4D;
    font-size:14px;
    font-family:Arial;
    line-height:24px;
    height:24px;
    margin-top:8px;
	margin-right:10%;
    padding:0 3px;
	float:right;
}
.i_a_t_f_content{
    width:100%;
    margin:auto;
    overflow:hidden;
    margin-bottom:26px;
}
.i_a_t_f_content ul{
    padding-left:60%;
}
.i_a_t_f_content li{
    padding-left:25px;
    background:url(../images/index_about_title_right_bg.png) no-repeat left 5.5px;
    line-height:29px;
    color:#FFF;
    font-size:14px;
    font-family:Arial;
}
.index_product_frame{
    width:100%;
    height:auto;
    background:#F3F3F3;
    padding:74px 0 110px;
}
.index_product{
    width:90%;
	max-width:1170px;
    margin:auto;
    height:auto;
    display:block;
    position:relative;
}
.i_p_title{
    height:64px;
    text-align:center;
    margin-bottom:6px;
}
.i_p_title img{
    max-width:100%;
}
.i_p_list{
    padding-top:46px;
    height:293px;
    padding-left:1.2%;
    padding-right:1.2%;
    width:97.6%;
    position:relative;
    display:block;
    overflow:hidden;
}
.i_p_list ul{
    position:absolute;
    height: 293px;
    display: block;
	width:9999px;
}
.i_p_list li{
    width:215px;
    padding:27px 19px 19px;
    background:#FFF;
    border:5px solid #EBEBEB;
    margin-right:30px;
    display:block;
    position:relative;
}
.i_p_list li .i_p_l_img{
    width:215px;
    height:165px;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
}
.i_p_list li .i_p_l_img img{
    max-width:215px;
    max-height:165px;
}
.i_p_list li p{
    padding:5px 0;
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    font-family:"微软雅黑";
}
.i_p_list li span{
    display:block;
    width:100%;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:12px;
    font-family:Arial;
    color:#FFF;
    background:#D91B03;
    border-radius:15px;
}
.i_p_list li:hover span{
    background:#0068D7;
}
.i_p_list li a{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.i_p_list span.l,.i_p_list span.r,.i_p_list span.base_right,.i_p_list span.base_left{
    display:block;
    position:absolute;
    width:34px;
    height:34px;
    top:0;
}
.i_p_list span.l,.i_p_list span.base_left{
    background:url(../images/product_list_on.png) no-repeat center center;
    right:60px;
}
.i_p_list span.r,.i_p_list span.base_right{
    background:url(../images/product_list.png) no-repeat center center;
    right:15px;
}
#list_shot{
    height: 293px;
    width: 1140px;
    position: absolute;
    left: 0;
    overflow: hidden;
}




@media (min-width:320px) and (max-width:640px){
.index_product_frame {  padding: 74px 0px 50px;}
}


/*about调整*/

@media (min-width:1160px) and (max-width:1350px){
.i_a_t_f_title .en { margin-right: 5%;}
}
@media (min-width:320px) and (max-width:1159px){
.i_a_t_f_title .en { margin-right: 1%;}
}
@media (min-width:920px) and (max-width:1110px){
.i_a_t_f_content ul { padding-left: 50%;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat -560px bottom;}
}
@media (min-width:885px) and (max-width:919px){
.i_a_t_f_content ul { padding-left: 50%;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat -660px bottom;}
}
@media (min-width:735px) and (max-width:884px){
.i_a_t_f_content ul { padding-left: 40%;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat -760px bottom;}
}
@media (min-width:640px) and (max-width:734px){
.i_a_t_f_content ul { padding-left: 30%;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat -860px bottom;}
}
@media (min-width:565px) and (max-width:639px){
.i_a_title_frame { padding-top: 40px;}
.i_a_t_f_content ul { padding-left: 20%;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat -960px bottom;}
}
@media (min-width:445px) and (max-width:564px){
.i_a_title_frame { padding-top: 30px;}
.i_a_t_f_content ul { padding-left: 0;}
.i_a_title_frame{ background:url(../images/index_about_title_bg.png) no-repeat right bottom;}
}
@media (min-width:410px) and (max-width:444px){
.i_a_title_frame { padding-top: 20px;}
.i_a_title_frame { height: auto;}
.i_a_t_f_content ul { padding-left: 0; background-color:#d01a04;}
.i_a_title_frame{ background: none;}
}
@media (min-width:360px) and (max-width:409px){
.i_a_title_frame { padding-top: 10px;}
.i_a_title_frame { height: auto;}
.i_a_t_f_title .cn{font-size: 24px;}
.i_a_t_f_title .en{font-size: 12px;}

.i_a_t_f_content ul { padding-left: 0; background-color:#d01a04;}
.i_a_title_frame{ background: none;}
}
@media (min-width:320px) and (max-width:359px){
.i_a_title_frame { padding-top: 0;}
.i_a_title_frame { height: auto;}
.i_a_t_f_title .cn{font-size: 20px;}
.i_a_t_f_title .en{font-size: 12px;margin-top: 5px;}

.i_a_t_f_content ul { padding-left: 0; background-color:#d01a04;}
.i_a_title_frame{ background: none;}
}




@media (min-width:1100px) and (max-width:1230px){
.i_a_content { padding-right: 48%; width: 50%;}
}
@media (min-width:1020px) and (max-width:1099px){
.i_a_content { padding-right: 52%; width: 45%;}
}
@media (min-width:960px) and (max-width:1020px){
.i_a_content_frame { width: 95%;}
.i_a_content { padding-right: 52%; width: 45%;}
}
@media (min-width:900px) and (max-width:959px){
.i_a_content_frame { width: 95%;}
.i_a_content { padding-right: 57%; width: 40%;}
}
@media (min-width:500px) and (max-width:899px){
.i_a_content_frame { width: 95%;}
.i_a_content { padding-right: 0;padding-left: 0; padding-bottom:180px; width: 100%;background:url(../images/index04.jpg) no-repeat center bottom;}
}
@media (min-width:420px) and (max-width:499px){
.i_a_content_frame { width: 95%;}
.i_a_content { padding-right: 0;padding-left: 0; padding-bottom:180px; width: 100%;background:url(../images/index04.jpg) no-repeat center bottom; background-size:100% auto;}
}
@media (min-width:320px) and (max-width:419px){
.i_a_content_frame { width: 95%;}
.i_a_content h2 { font-size: 20px;}
.i_a_content h2 span { font-size: 19px;}
.i_a_content { padding-right: 0;padding-left: 0; padding-bottom:180px; width: 100%;background:url(../images/index04.jpg) no-repeat center bottom; background-size:100% auto;}
}

/*news调整*/
@media (min-width:370px) and (max-width:767px){
.index_news, .index_server { width: 100%;float: none;}
.index_news{ margin-bottom:35px;}
}
@media (min-width:320px) and (max-width:369px){
.index_news_frame { padding-top: 50px; padding-bottom:80px;}
.index_news, .index_server { width: 100%;float: none;}
.index_news{ margin-bottom:35px;}
.i_news_list .i_n_l_first { padding: 160px 2% 22px;}
.i_news_list .i_n_l_first img {	width:auto;}



}


/*栏目隐藏*/
@media (min-width:320px) and (max-width:369px){
.footer_feedback, .index_server, .i_a_title_frame { display:none;}
}